<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生管理</title>
    <link rel="stylesheet" href="javascript/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/common.css">
    <script type="text/javascript" src="javascript/jquery.min.js"></script>
    <script src="javascript/bootstrap/js/bootstrap.min.js"></script>
    <script src="javascript/bootstrap/js/dropdown.js"></script>
    <script src="javascript/bootstrap/js/modal.js"></script>
    <script src="javascript/bootstrap/js/alert.js"></script>
    <script src="javascript/pagejs/common_modal.js"></script>
    <script src="javascript/pagejs/mgr_student.js"></script>
</head>
<!--学生管理-->
<body>
<div id="header">
    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">学生管理</a>
                <!--<a class="navbar-brand" style="font-size: 18px"><span onclick="showModel()"-->
                                                                      <!--class="glyphicon glyphicon-plus-sign"-->
                                                                      <!--title="新增学生"></span></a>-->
                <!--<a class="navbar-brand" style="font-size: 18px"><span onclick="showAlert()"-->
                                                                      <!--class="glyphicon glyphicon-trash "-->
                                                                      <!--title="删除学生"-->
                                                                      <!--data-dismiss="alert"-->
                <!--&gt;</span></a>-->
                <!--<a class="navbar-brand"><span class="glyphicon glyphicon-log-in" title="导入学生信息列表"-->
                                              <!--onclick="importList()"></span></a>-->
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">广州xxx大学</a></li>

                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
</div>
<div id="content">
    <div class="panel panel-default">
        <div class="panel-heading row">
            <div class="btn-group col-md-6 select_group" id="select_group_1">
                <div class="btn-group" id="ins">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        全部学院
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">全部学院</a></li>
                    </ul>
                </div>
                <div class="btn-group" id="major">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        全部专业
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">全部专业</a></li>
                    </ul>
                </div>
                <div class="btn-group " id="class">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="true">
                        全部班级
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">全部专业</a></li>
                    </ul>
                </div>
                <div class="btn-group" id="grade">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        全部年级
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a href="#">全部年级</a></li>
                        <li><a href="#">2015级</a></li>
                        <li><a href="#">2016级</a></li>
                        <li><a href="#">2017级</a></li>
                        <li><a href="#">2018级</a></li>
                        <li><a href="#">2019级</a></li>
                        <li><a href="#">2020级</a></li>
                        <li><a href="#">2021级</a></li>
                        <li><a href="#">2022级</a></li>
                        <li><a href="#">2023级</a></li>
                        <li><a href="#">2024级</a></li>
                        <li><a href="#">2025级</a></li>
                        <li><a href="#">2026级</a></li>
                    </ul>
                </div>
            </div>
            <form class="navbar-form search_box col-md-6" role="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="请输入学号或姓名" id="condition">
                </div>
                <button type="button" class="btn btn-default" id="search2">搜索</button>
            </form>
        </div>
    </div>
    <div class="panel-body">
        <table class="table table-bordered text-center table-condensed table-hover">
            <thead class="text-center">
            <th>
                <div class="checkbox">
                    <label>
                        <input type="checkbox" id="selectAll" value="selectAll"> 全选
                    </label>
                </div>
            </th>
            <th>学院</th>
            <th>专业</th>
            <th>年级</th>
            <th>班级</th>
            <th>学号</th>
            <th>姓名</th>
            <th>家长</th>
            <th>班主任</th>
            <th>操作</th>
            </thead>
            <tbody id="stu_tbody">

            </tbody>
        </table>
    </div>
    <div class="panel-footer text-center">
        <nav>
            <ul class="pagination">
                <li><a href="#">&laquo;</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
                <span style="line-height: 34px">共<strong id="pageCount">10</strong>页</span>
            </ul>
        </nav>
    </div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <!--<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span>-->
                <!--<span class="sr-only">Close</span>-->
                <!--</button>-->
                <h4 class="modal-title" id="myModalLabel">学生添加</h4>
            </div>
            <div class="modal-body" id="addModel">
                <div class="row">
                    <div class="col-md-6">
                        <div class="input-group">
                          <span class="input-group-btn">
                            <button class="btn btn-default" type="button">姓名：</button>
                          </span>
                            <input type="text" class="form-control" id="name">
                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
                    <div class="col-md-6">
                        <div class="input-group">
                          <span class="input-group-btn">
                            <button class="btn btn-default" type="button">手机：</button>
                          </span>
                            <input type="text" class="form-control" id="mobile">
                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
                </div>
                <div class="row ma_top">
                    <div class="col-md-6">
                        <div class="input-group">
                          <span class="input-group-btn">
                            <button class="btn btn-default" type="button">住址：</button>
                          </span>
                            <input type="text" class="form-control" id="address">
                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
                    <div class="col-md-6">
                        <div class="input-group">
                          <span class="input-group-btn">
                            <button class="btn btn-default" type="button">学生学号：</button>
                          </span>
                            <input type="text" class="form-control" id="code">
                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
                </div>
                <div class=" btn-group ma_top select_group">
                    <div class="btn-group stu_view" id="ins1">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            学院
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#">理学院</a></li>
                            <li><a href="#">法学院</a></li>
                        </ul>
                    </div>
                    <div class="btn-group stu_view" id="major1">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            专业
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#">信息技术</a></li>
                            <li><a href="#">网络应用</a></li>
                        </ul>
                    </div>
                    <div class="btn-group stu_view" id="grade1">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            年级
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                        </ul>
                    </div>
                    <div class="btn-group stu_view" id="class1">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            班级
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#">信息1班</a></li>
                            <li><a href="#">信息2班</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" id="addCancel">确认</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal2 -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <!--<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span>-->
                <!--<span class="sr-only">Close</span>-->
                <!--</button>-->
                <h4 class="modal-title" id="myModalLabel2">学生密码修改</h4>
            </div>
            <div class="modal-body" id="addModel2">
                <div class="row ma_top">
                    <div class="col-md-8 col-md-offset-2">
                        <div class="input-group">
                          <span class="input-group-btn">
                            <button class="btn btn-default" type="button">学生学号：</button>
                          </span>
                            <input type="text" class="form-control" id="code2">
                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
                </div>
                <div class="row ma_top">
                    <div class="col-md-8 col-md-offset-2">
                        <div class="input-group">
                          <span class="input-group-btn">
                            <button class="btn btn-default" type="button">姓名：</button>
                          </span>
                            <input type="text" class="form-control" id="name2">
                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
                </div>
                <div class="row ma_top">
                    <div class="col-md-8 col-md-offset-2">
                        <div class="input-group">
                          <span class="input-group-btn">
                            <button class="btn btn-default" type="button">修改密码：</button>
                          </span>
                            <input type="text" class="form-control" id="possword">
                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" id="addCance2" onclick="upadtePossWord()">确认修改</button>
            </div>
        </div>
    </div>
</div>



<!--删除提醒-->
<!--<div id="delete_alert" style=" position: absolute;width: 28%;left:30%;top:120px;">-->
    <!--<div class="alert alert-info alert-dismissible fade in" role="alert">-->
        <!--&lt;!&ndash;<button type="button" class="close" data-dismiss="alert">&ndash;&gt;-->
        <!--&lt;!&ndash;<span aria-hidden="true">×</span><span&ndash;&gt;-->
        <!--&lt;!&ndash;class="sr-only">Close</span></button>&ndash;&gt;-->
        <!--<h4>提示</h4>-->
        <!--<p>确认删除所选学生？</p>-->
        <!--<p>-->
            <!--<button type="button" class="btn btn-primary btn-sm" id="deleteStu">删除</button>-->
            <!--<button type="button" class="btn btn-default btn-sm" onclick="hideAlert()">取消</button>-->
        <!--</p>-->
    <!--</div>-->
<!--</div>-->
<!--&lt;!&ndash;导入&ndash;&gt;-->
<!--<div class="alert alert-info alert-dismissible fade in alert_custom_common alert_custom" role="alert" id="import">-->
    <!--<button type="button" class="close" onclick="importHide()"><span>×</span></button>-->
    <!--<h4 class="tag_title">学生信息导入</h4>-->
    <!--<br>-->
    <!--<input type="file" title="选择文件" name="fileUpload" id="fileUpload" oniput="hasFile()"/>-->
    <!--<br>-->
    <!--<p>-->
        <!--<input id="fileBtn" type="submit" class="btn" value="确认导入"/><br/><br/>-->
    <!--</p>-->
<!--</div>-->
</body>
</html>